import lazyLoadView from '@/router/lazy-load';

import { AppRouteRecordRaw } from '../types';
import { DEFAULT_LAYOUT } from '../base';

const System: AppRouteRecordRaw = {
  path: '/system',
  name: 'System',
  component: DEFAULT_LAYOUT,
  meta: {
    locale: 'menu.system',
    requiresAuth: false,
    icon: 'icon-settings',
    order: 999,
    roleCode: 'GROUP_SYSTEM_ADMIN',
  },
  children: [
    {
      path: 'account',
      name: 'account',
      component: lazyLoadView(() => import('@/views/system/account/index.vue')),
      meta: {
        locale: 'menu.system.account',
        requiresAuth: false,
        order: 5,
        roleCode: 'MENU_STAFF',
        pageName: '账号管理',
      },
    },
    // {
    //   path: 'role',
    //   name: 'role',
    //   component: lazyLoadView(() => import('@/views/system/role/index.vue')),
    //   meta: {
    //     locale: 'menu.system.role',
    //     requiresAuth: false,
    //     order: 5,
    //     roleCode: 'MENU_ROLE',
    //     pageName: '权限管理',
    //   },
    // },
  ],
};

export default System;
